//背景色
$bg-color: #f7f8fa;
// 主题色
$color-blue: #2962ff;
$color-blue2: #eef2ff;
$color-green: #2cf2d1;
$color-orange: #fdc62e;
$color-grey: #ebedf0; //分割线
$color-white: #fff;
//其他色值
$black-1: #101734;
$black-2: #272e42;
$grey-1: #606269;
$grey-2: #90939d;
$grey-3: #acaeb4;
$grey-4: #eef0f4;
$grey-5: #5e6576;
$grey-6: #b9bcc5;
$grey-7: #d4d7de;
$grey-8: #acaeb4;
$red: #f75a5a;
$red-prompt: #f16272;

$blue-0: #2357e8;
$blue-1: #1685ec;
$blue-2: #6991cd;
$blue-3: #b7caff;
$blue-4: #eaefff;
$gray-bg1: #f0f1f3;
$gray-bg2: #f7f8f9;
$gray-bg3: #fafafa;
$gray-bg4: #eceff3;
$gray-bg5: #e5e5e5;
$gray-bg6: #f7f8fa;
$img-path: '';
%position-center {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

%text-hide {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}

%flex-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

%flex-items-center {
    display: flex;
    align-items: center;
}
%flex-vertical-center {
    display: flex;
    justify-content: center;
    align-items: center;
}
%flex-column {
    display: flex;
    flex-direction: column;
}

%flex-column-center {
    display: flex;
    flex-direction: column;
    align-items: center;
}

@mixin flex-center($row: center, $column: center) {
    display: flex;
    justify-content: $row;
    align-items: $column;
}
@mixin icon-font-size($f) {
    font-size: $f + px;
    line-height: $f + px;
}
@mixin font-size($f, $w: 400) {
    font-family: PingFang SC, PingFangSC-Regular;
    font-size: $f + px;
    font-weight: $w;
}

@mixin font-size-medium($s, $w: 500) {
    font-family: PingFangSC-Medium, PingFang SC;
    font-size: $s + px;
    font-weight: $w;
}
@mixin width-hight($w, $h) {
    width: $w + px;
    height: $h + px;
}
@mixin text-ellipsis($line: 2) {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: $line;
    -webkit-box-orient: vertical;
}
@mixin radius-border($radius, $color: $color-grey) {
    border: 1px solid $color;
    border-radius: $radius + px;
}

@mixin fontSize($f, $w: 400) {
    font-family: 'PingFangSC-Regular,PingFang SC';
    font-size: $f + px;
    font-weight: $w;
}

@mixin fontSizeMedium($f, $w: 400) {
    font-family: 'PingFangSC-Medium,PingFang SC;';
    font-size: $f + px;
    font-weight: $w;
}

@mixin iconfontSize($f) {
    font-size: $f + px;
    line-height: $f + px;
}

@mixin widthHight($w, $h) {
    width: $w + px;
    height: $h + px;
}

//文字几行超出省略
@mixin multiTextHide($num) {
    display: -webkit-box;
    display: -moz-box;
    /*! autoprefixer: ignore next */
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    /* autoprefixer: on */
    -webkit-line-clamp: $num;
    -moz-line-clamp: $num;
    overflow: hidden;
    text-overflow: ellipsis;
}

@mixin radiusBorder($radius, $color: $txt-gray) {
    border: 1px solid $color;
    border-radius: $radius + px;
}
